<!DOCTYPE html>
<html ng-app="loginApp">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>登录-DomeOS</title><!-- build:css /login/css/login.min.css -->
    <link rel="stylesheet" href="../common/css/base.css" type="text/css">
    <link rel="stylesheet" href="css/login.css" type="text/css">
    <link rel="stylesheet" type="text/css"><!-- endbuild -->
  </head>
  <body ng-controller="loginCtr">
    <div class="login-detail">
      <h1 class="t-title">DomeOS</h1><span class="t-welcome txt-primary">欢迎来到DomeOS！</span>
      <p class="t-produce">DomeOS是基于docker的企业级应用编排运维管理系统，为企业级用户打造持续集成、持续交付和自动运维平台。</p><span class="t-feature-title">在DomeOS上，您可以：</span>
      <div class="feature-list">
        <h3 class="t-h1">创建项目并构建</h3>
        <p>支持不同的代码仓库，可实现持续集成，支持代码push自动构建。</p>
        <p>私有registry存储构建的镜像，升级回滚简单易行。</p>
        <h3 class="t-h2">进行全方位应用部署管理</h3>
        <p>通过简单的配置即可快速实现项目部署。</p>
        <p>支持升级/回滚、灰度发布、扩容/缩容等运维管理功能。</p>
        <h3 class="t-h3">全方位监控服务和物理资源</h3>
        <p>容器和主机级别的完整监控，灵活的日志系统和事件记录，运行状况一目了然。</p>
      </div><span class="t-document">想了解更多，请查看<a href="http://doc.domeos.org" target="_blank" class="link-primary">用户文档</a></span>
    </div>
    <div class="login-info">
      <div class="login-container">
        <div class="border-top"></div>
        <form name="loginForm" novalidate ng-class="{'need-valid':needValid}" class="login-body">
          <div class="login-type"><span ng-class="{'active':loginType=='LDAP'}" ng-click="loginType='LDAP'" class="account-type">LDAP登录</span><span ng-class="{'active':loginType=='USER'}" ng-click="loginType='USER'" class="account-type">普通账户</span></div>
          <div class="login-form">
            <input placeholder="用户名" name="username" ng-model="username" required ng-change="hideError()" class="login-txt"><span ng-show="(needValid||loginForm.username.$dirty)&amp;&amp;loginForm.username.$error.required" class="txt-error">必填</span>
            <input placeholder="密码" type="password" name="password" ng-model="password" required ng-change="hideError()" class="login-txt"><span ng-show="(needValid||loginForm.password.$dirty)&amp;&amp;loginForm.password.$error.required" class="txt-error">必填</span><span ng-bind="hasError" ng-if="hasError!==''" class="txt-error"></span>
            <button ng-click="needValid=true;loginForm.$valid&amp;&amp;login()" class="ui-btn ui-btn-login">登录</button>
          </div>
          <div class="login-bottom"><span>提示：</span>
            <p>申请新账户或找回账户密码请联系管理员。</p>
          </div>
        </form>
      </div>
    </div><!-- build:js /login/js/lib.min.js -->
    <script type="text/javascript" src="../lib/js/jquery.min.js"></script>
    <script type="text/javascript" src="../lib/js/angular.min.js"></script>
    <script type="text/javascript" src=""></script><!-- endbuild -->
    <!-- build:js /login/js/loginApp.min.js -->
    <script type="text/javascript" src="js/loginApp.js"></script>
    <script type="text/javascript" src=""></script><!-- endbuild -->
  </body>
</html>